@import url("./font.css");
body{
	background-color: #FAFAFA;
}
*{
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	text-decoration: none;
	list-style: none;
	font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
#main{
	background-color: #F5F5F5;
}
.tpjs{
	 height: 150px;
  	width: 234px;
  	/*line-height: 180px;*/
  	text-align: center;
  	line-height: 20px;
}
h2{
	font-size: 22px;
  	line-height: 58px;
  	font-weight: 200;
}
h3{
	font-size: 16px;
	line-height: 58px;
	font-weight: 200;

}
h3:hover{
	color: #FF6700;
}
.xm{
	font-family: "iconfont";
	font-style: normal;
}
.jbt{
	color: #212121;
	font-size: 14px;
	font-family: "Helvetica Neue";
}
.jfbt{
	color: #B0B0B0;
	font-size: 12px;
	font-family: "Helvetica Neue";
}
.jgjq{
	color: #FF6700;
	font-size: 13px;
	font-family: "Helvetica Neue";
}
#head .top{
	width: 100%;
	height: 40px;
	background-color: #333333;
}
#head .top .top_mid{
	width: 1226px;
	height: 100%;
	background-color: #333333;
	margin: 0 auto;
}
#head .top .top_mid ul{
	height: 40px;
	float: left;
}
#head .top .top_mid ul li{
	float: left;
	height: 40px;
}
#head .top .top_mid ul li a{
	display: inline-block; 	
	
	line-height: 40px;
	height: 40px;
	color: #b0b0b0;
}
#head .top .top_mid ul li span{
	color: #424242;
	margin: 0px 5px 0px 5px;
}
#head .top .top_mid ul.b{
	float: right;
	height: 40px;
}
#head .top .top_mid ul.b li{
	float: right;
	height: 40px;
}
#head .top .top_mid ul li .car{
	padding: 0px 15px;
	
}
#head .top .top_mid ul li .car:hover{
	background-color: #fff;
	color: #FF6700;
}

#head .top .top_mid ul li .car .xm{
	display: inline-block;
	font-size: 20px;
	line-height: 35px;
}
#head .top .top_mid ul li .car .gwc{
	display: inline-block;
	font-size: 12px;
	line-height: 40px;
	color: #b0b0b0;
	float: right;
}
#head .top .top_mid ul li a:hover{
	color:#FFFFFF;
}
#head .nav{
	width: 1226px;
	height: 100px;
	margin: 0 auto;
}
#head .nav .left{
	width: 232px;
	height: 100px;
	float: left;
}
#head .nav .mid{
	width: 645px;
	height: 100px;
	float: left;
}
#head .nav .right{
	width: 349px;
	height: 100px;
	float: left;
}
#head .nav .left .img{
	width: 55px;
	height: 55px;
	margin-top: 23px;
}
#head .nav .mid ul{
	height: 100px;
	width: 645px;

}
#head .nav .mid ul li{
	float: left;
	line-height: 100px;

}
#head .nav .mid ul li a{
	font-size: 15px;
	color: #272822;
	margin-right: 12px;
}
#head .nav .mid ul li a:hover{
	color: #FF6700;
}
#head .nav .right .sea{
	width: 300px;
	height: 50px;
	border: 1px solid #FF6700;
	margin-top: 25px;
}
#head .nav .right .in{
	width: 250px;
	height: 50px;
	border-right: 1px solid #FF6700;
	float: left;
}
input[type="text"]{
	border: none;
	width: 100%;
	height: 100%;
	font-family: 15px;
}
#head .nav .right .bu{
	background-color: #FFFFFF;
	height: 50px;
	width: 49px;
    float: right;
}
#head .nav .right .bu:hover{
	
	background-color: #FF6700;
}
#main .banner{
	width: 1226px;
	height: 460px;
	margin: 0 auto;
}
#main .banner .banner_l{
	width: 234px;
	height: 460px;
	float: left;
	
	background-color: #5E5E5F;
}
#main .banner .banner_l div{
	width: 234px;
	height: 45px;
	float: left;
}
#main .banner .banner_l div a{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-family: "Microsoft Yahei";
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 22px;
	
}
#main .banner .banner_l span{
	display: inline-block;
	font-weight: bold;
	color: #FFFFFF;
	float: right;
	margin-right: 30px;
	font-size: 16px;
	line-height: 45px;
}
#main .banner .banner_l div:hover{
	background-color: #FF6700;
}
#main .banner .banner_r{
	width: 992px;
	height: 460px;
	float: right;
	background-image: url("../image/BrowserPreview_tmp.jpg");
}
#main .sider{
	width: 1226px;
	height: 170px;
	margin: 9px auto 0px auto;
	
}
 #main .sider .sider_l{
	width: 234px;
	height: 170px;
    float: left;
    background-color: #5F5750;
}
#main .sider .sider_r{
	width: 992px;
	height: 170px;
	float: right;
	
}
#main .sider .sider_r .r_1 , #main .sider .sider_r .r_2 , #main .sider .sider_r .r_3{
	width: 315px;
	height: 170px;
	float: left;
	margin-left: 15px;
}
#main .sider .sider_l div{
	width: 75px;
	height: 80px;
	float: left;
	text-align: center;
	color: #CDCAC8;
	line-height: 60px;
    color: #CDCAC8;
    font-size: 13px;
    

}
#main .sider .sider_l div .a{
	font-size: 30px;
	float: left;
	width: 75px;
	height: 30px;
	border: none;
}
#main .sider .sider_l div:hover{
	color: #E6E6E6;
	
}
#main .sider .sider_r img{
	width: 315px;
	height: 170px;
}
#main .zs{
	width: 1226px;
	height: 438px;
	margin: 15px auto 0px auto;
}
#main .zs .bt{
	width: 1226px;
	height: 58px;
}
#main .zs .btl{
	width: 300px;
	height: 58px;
	float: left;
	font-size: 24px;
	color: #333333;
	line-height: 58px;
	font-size: "Helvetica Neue";
}
#main .zs .btr{
	width: 80px;
	height: 27px;
	float: right;
	border:1px solid #E0E0E0;
	margin-top: 15px;
	color: #95BADD;
	font-weight: bold;

}
#main .zs .btr div.a{
	float: left;
	width:39px;
	height: 27px; 
	text-align: center;
	line-height: 27px;
	border-right: 1px solid #E0E0E0;
}
#main .zs .btr div.b{
	float: right;
	width:40px;
	height: 27px; 
	text-align: center;
	line-height: 27px;
}
 #main .zs .btr div a{
 	font-size: 18px;
 }	
 #main .zs .btr div a:hover{
 	font-size: 18px;
 	color: #FF6700;
 }
 #main .zs .nr{
 	width: 1226px;
 	height: 340px;
 }	
 #main .zs .nr div.nr1,#main .zs .nr div.nr2,#main .zs .nr div.nr3,#main .zs .nr div.nr4,#main .zs .nr div.nr5{
 	width: 234px;
 	height: 340px;
 	float: left;
 	background-color: #FAFAFA;
 	border-top: 1px solid #FF6700;

 }
 #main .zs .nr .nr2,#main .zs .nr .nr3,#main .zs .nr .nr4,#main .zs .nr .nr5{
 	margin-left: 14px;
 }
 #main .zs .nr img{
 	width: 160px;
 	height: 160px;
 }
 #main .zs .nr .t1, #main .zs .nr .t2, #main .zs .nr .t3, #main .zs .nr .t4, #main .zs .nr .t5{
 	margin-top: 30px;
 	margin-left: 40px;
 }
  #main .zs .nr .w1, #main .zs .nr .w2, #main .zs .nr .w3, #main .zs .nr .w4, #main .zs .nr .w5{
  	height: 180px;
  	width: 234px;
  	/*line-height: 180px;*/
  	text-align: center;
  	line-height: 40px;
  }
  #main .znyj {
  	width: 1226px;
  	height: 672px;
  	margin: 0 auto;
  }
  #main .znyj .bt {
  	width: 1226px;
  	height: 58px;
  	float: left;
  }
  #main .znyj .bt .br{
  	float: right;
  	width: 105px;
  	height: 58px;
  }
  #main .znyj .bt .bl{
  	float: left;
  	width: 900px;
  	height: 58px;
  }

  #main .znyj .bb .zl{
  	float: left;
  	width: 234px;
  	height: 614px;
}
#main .znyj .bb .zr{
	width: 992px;
	height: 614px;
	float: left;
}
#main .znyj .bb .zr .l1,#main .znyj .bb .zr .l2,#main .znyj .bb .zr .l3,#main .znyj .bb .zr .l4,#main .znyj .bb .zr .l5,#main .znyj .bb .zr .l6,#main .znyj .bb .zr .l7,#main .znyj .bb .zr .l8{
	width: 234px;
	height: 300px;
	float: left;
	background-color: #FFFFFF;
	margin-left: 14px;
}
#main .znyj .bb .zr .l5,#main .znyj .bb .zr .l6,#main .znyj .bb .zr .l7,#main .znyj .bb .zr .l8{
	margin-top: 12px;	
}
#main .znyj .bb .zr .l1 .ii{
	margin: 0px 0px 18px 10px;
}
#main .dpm{
	width: 1226px;
	height: 686px;
	margin: 0 auto;

}
#main .dpm .bt{
	width: 1226px;
	height: 58px;
	float: left;
}
#main .dpm .bt .bl{
	width: 600px;
	height: 58px;
	float: left;
}
#main .dpm .bt .br{
	width: 230px;
	height: 58px;
	float: right; 
}
#main .dpm .bb {
	height: 628px;
	width: 1226px;
	float: left;
}
#main .dpm .bb .bbl img{
	width: 234px;
	height: 300px;
	margin-bottom: 14px;
}
#main .dpm .bb .bbl{
	height: 628px;
	width: 234px;
	float: left;
}
#main .dpm .bb .bbr{
	height: 628px;
	width: 992px;
	float: left;
}
#main .dpm .bb .bbr .l1,#main .dpm .bb .bbr .l2,#main .dpm .bb .bbr .l3,#main .dpm .bb .bbr .l4,#main .dpm .bb .bbr .l5,#main .dpm .bb .bbr .l6,#main .dpm .bb .bbr .l7,#main .dpm .bb .bbr .l8{
	width: 234px;
	height: 300px;
	margin-left: 14px;

	float: left;
	background-color: #FFFFFF;
}
#main .dpm .bb .bbr .l5,#main .dpm .bb .bbr .l6,#main .dpm .bb .bbr .l7,#main .dpm .bb .bbr .l8{
	margin-top: 14px;
}
#main .dpm .bb .bbr .ii img{
	width: 160px;
	height: 160px;
	margin-left: 37px;
	margin-top: 18px;
	margin-bottom: 12px;
}
#main .dpm .bb .bbr .l8{
	background-color: #F5F5F5;
}
#main .dpm .bb .bbr .l8 .xt{
	width: 234px;
	height: 143px;
	float: left;
	margin-bottom: 14px;
	background-color: #FFFFFF;
	overflow: hidden;
}
#main .dpm .bb .bbr .l8 .xb{
	width: 234px;
	height: 143px;
	float: left;
	background-color: #FFFFFF;

}
#main .dpm .bb .bbr .l8 .xt .a{
	width: 80px;
	height: 80px;
	float: right;
	margin-top: 35px;
	margin-right: 10px;
}
#main .dpm .bb .bbr .l8 .xt li{
	float: left;
	margin-top: 56px;
	margin-left: 45px;
}
#main .dpm .bb .bbr .l8 .xb li{
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	font-size: 13px;

}
#main .dpm .bb .bbr .l8 .xb .yy{
	font-size: 50px;
	color: #FF6700;
	font-weight: bold;
}
#main .dpm .bb .bbr .l8 .xb .ee{
	margin-top: 45px;
}
#main .tj{
	width: 1226px;
	height: 358px;
	margin: 0 auto;

}
#main .tj .bt{
	width: 1226px;
	height: 58px;
	float: left;
}
#main .tj .bt .btl{
	float: left;
}
#main .tj .bt .btr{
	width: 80px;
	height: 58px;
	float: right;
	margin-top: 13px;
}
#main .tj .bt .btr div{
	width: 38px;
	height: 23px;
	float: left;
	border:1px solid #E0E0E0;
	text-align: center;
	line-height: 23px;
	
}
#main .tj .bt .btr div a{
	font-size: 18px;
}
#main .tj .bb{
	width: 1226px;
	height: 300px;
	float: left;
}
#main .tj .bb .u1,#main .tj .bb .u2,#main .tj .bb .u3,#main .tj .bb .u4,#main .tj .bb .u5{
	width: 234px;
	height: 300px;
	float: left;
	background-color: #FDFDFD;

}
#main .tj .bb .u2,#main .tj .bb .u3,#main .tj .bb .u4,#main .tj .bb .u5{
	margin-left: 14px;

}
#main .tj .bb div.ii{
	width: 160px;
	height: 160px;
	margin-left: 37px;
	margin-top: 18px;
	margin-bottom: 12px;
}
#main .tj .bb img{
	width: 160px;
	height: 160px;
}
#main .max{
	width: 1226px;
	height: 473px;
	margin:14px auto 0px auto;

}
#main .max .bt{
	width: 1226px;
	height: 58px;
	float: left;
}
#main .max .bb{
	width: 1226px;
	height: 415px;
	float: left;
}
#main .max .bb .l1,#main .max .bb .l2,#main .max .bb .l3,#main .max .bb .l4{
	width: 296px;
	height: 415px;
	float: left;
	background-color: #FEFEFE;

}
#main .max .bb .l2,#main .max .bb .l3,#main .max .bb .l4{
	margin-left: 14px;
}
#main .max .bb a img{
	width: 296px;
	height: 200px;
}

#main .max .bb a{
	display: inline-block;
	width: 296px;
	height: 200px;
	float: left;
	margin-bottom: 25px;
}
#main .max .bb p{
	color: #212121;
	font-size: 14px;
	font-family: "Helvetica Neue";
	width: 260px;
	margin: 0px auto 23px auto;
	line-height: 22px;
}
.op{
	display: block;
	width: 260px;
	margin: 0px auto;
	color: #B0B0B0;
    font-size: 12px;
    font-family: "Helvetica Neue";
    margin-bottom: 15px;
}
.oq{
	display: block;
	width: 260px;
	margin: 0 auto;
	color: #212121;
    font-size: 14px;
    font-family: "Helvetica Neue";
}
.th{
	color: #E0E0E0;
	font-size: 14px;
}
#main .vr{
	width: 1226px;
	height: 478px;
	margin:0 auto;
}
#main .vr .bt{
	width: 1266px;
	height: 58px;
	float: left;
}
#main .vr .bb{
	width: 1226px;
	height: 420px;
	float: left;
}
#main > div.vr > div.bb > div.l1{
	width: 296px;
	height: 420px;
	float: left;
	margin-left: 14px;
	background-color: #FEFEFE;
	border-top: 1px solid #00ACCE;
}
#main > div.vr > div.bb > div.l1.first{
	margin-left: 0px;
}
#main > div.vr > div.bb > div.l1 p{
	float: left;
}
#main > div.vr > div.bb > div.l1 > p.f >a{
	display: block;
	width: 296px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #F49E00;
}
#main > div.vr > div.bb > div.l1 > p.f{
	margin-top: 50px;
	margin-bottom: 26px;
}
#main > div.vr > div.bb > div.l1 > p.s > a{
	display: block;
	width: 296px;
	height: 35px;
	text-align: center;
    white-space: nowrap;
    overflow: hidden;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.25;
}
#main > div.vr > div.bb > div.l1 > p.n > a{
	display: block;
	width: 296px;
	height: 30px;
	
	text-align: center;
	color: #b0b0b0;
	margin-bottom: 15px;

}
#main > div.vr > div.bb > div.l1 > p.jg > a{
	display: block;
	width: 296px;
	height: 18px;
	text-align: center;
	font-size: 14px;
}
#main > div.vr > div.bb > div.l1 > p:nth-child(5){
	margin-left: 45px;
	margin-top: 15px;
}
#main .sp{
	width: 1226px;
	height: 343px;
	margin: 0 auto;
	margin-top: 15px;
}
#main > div.sp > div.bt > div.bl{
	float: left;
}
#main > div.sp > div.bt > div.br{
	float: right;
	
}
#main > div.sp > div.bt > div.br > h3{
	display: inline-block;
}
#main > div.sp > div.bt > div.br > span.ee{
	font-size: 15px;
}
#main .sp .bt{
	width: 1226px;
	height: 58px;
	float: left;
}
#main > div.sp > div.bt > div.br > span.ee:hover{
	color: #F39400;
}
#main > div.sp > div.bb > div.l1{
	width: 296px;
	height: 285px;
	float: left;
	margin-left: 14px;
	background-color: #FEFEFE;

}
#main > div.sp > div.bb > div.l1.first{
	margin-left: 0px;
}
#main > div.sp > div.bb > div.l1> p > img{
	width: 296px;
	height: 180px;
}
#main > div.sp > div.bb > div.l1 > p.t {
	float: left;
	width: 296px;
	height: 180px;
	margin-bottom: 32px;
}
#main > div.sp > div.bb > div.l1 > p.tt > a{
	display: block;
	width: 296px;
	height: 25px;
	text-align: center;
	font-size: 14px;
    font-weight: 400;
    float: left;
}
#main > div.sp > div.bb > div.l1 > p.ms > a{
	display: block;
	width: 296px;
	height: 30px;
	text-align: center;
	font-size: 12px;
	float: left;
	color: #B0B0B0;
}
#main .footer{
	width: 100%;
	height: 272px;
	margin: 50px auto 0px auto;
	background-color: #FFFFFF;
}
#main > div.footer > .sh{
	width: 1226px;
	height: 25px;
	margin: 0 auto;
	padding-top: 27px;
	padding-bottom: 27px;
	border-bottom: 1px solid #E0E0E0;
}
#main > div.footer > .sh >.l1{
	width: 242px;
	height: 25px;
	float: left;
	border-right: 1px solid #E0E0E0;
}
#main > div.footer > .sh > .l1 >h4{
	 font-size: 17px;
    font-weight: 100;
    text-align: center;
    line-height: 18px;

}
#main > div.footer > .sh > .l1 > h4 > span{
	font-size: 27px;
    vertical-align:sub;
}
#main > div.footer > .sh > .l1 >h4:hover{
	color: #FF6700;
}
#main > div.footer > div > div.l1.end{
	border-right: none;
}
#main > div.footer > div.mb{
	width: 1226px;
	height: 118px;
	margin: 0 auto;
	padding-top: 37px;
	padding-bottom: 37px;
}
#main > div.footer > div.mb > div.mbl{
	width: 974px;
	height: 118px;
	float: left;
	border-right: 1px solid #E0E0E0;
}
#main > div.footer > div.mb > div.mbl > .c1{
	width: 160px;
	height: 106px;
	float: left;
}
#main > div.footer > div.mb > div.mbl > .c1 > .g1{
	font-size: 14px;
	display: block;
	width: 160px;
	float: left;
	margin-bottom: 18px;
}
#main > div.footer > div.mb > div.mbl > .c1 > ul > li{
	margin-bottom: 10px;

}
#main > div.footer > div.mb > div.mbl > .c1 > ul > li > a{
	color: #757575;
}
#main > div.footer > div.mb > div.mbr > p.tf{
	display: block;
	width: 200px;
	height: 22px;
	font-size: 22px;
    float: left;
    color: #ff6700;
    margin-left: 40px;
    margin-top: 8px;
}
#main > div.footer > div.mb > div.mbr > p.ms{
	display: block;
	height: 24px;
	width: 200px;
	font-size: 12px;
	float: left;
	margin-left: 48px;
	margin-top: 8px;
	color: #616161;
}
#main > div.footer > div.mb > div.mbr >div.kk{
	width: 110px;
	height: 24px;
	float: left;
	border:1px solid #FF6709;
	margin-top: 16px;
	margin-left: 45px;
	padding-left: 8px;
	padding-top: 6px;
}
#main > div.footer > div.mb > div.mbr > div > span.xm.xc{
	color: #FF6709;
}
#main > div.footer > div.mb > div.mbr > div > span.ff{
	color: #FF6709;
}
#copy{

	width: 1226px;
	height: 136px;
	background-color: #FAFAFA;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
#copy > .mm{
	width: 1226px;
	height: 57px;
	margin: 0 auto;
}
#copy > .mm > .og{
	width: 57px;
	height: 57px;
	float: left;
}
#copy > .mm > .og img{
	width: 57px;
	height: 57px;
}
#copy > .mm > .gm{
	width: 750px;
	height: 57px;
	float: left;
}
#copy > div > div.gm > .fd{
	width: 750px;
	height: 19px;
	float: left;
	margin-left: 8px;
}
#copy > div > div.gm > .fd >.ef{
	color: #757575;
}
#copy > div > div.gm > .fd >.ef:hover{
	color: #FF6700;
}
#copy > div > div.gm > p.sd{
	color: #B0B0B0;
	font-size: 12px;
	margin-left: 8px;
}
#copy > div > div.up > img{
	width: 83px;
	height:28px;
}
#copy > div > div.up{
	width: 350px;
	height: 57px;
	float: right;
	margin-left: 50px;
}
#copy > .fx{
	width: 1226px;
	height: 79px;
	margin: 0 auto;
}
#copy > div.fx > .hh{
	width: 230px;
	height: 45px;
	margin: 23px auto 0px auto;
}
#copy > div.fx > div > img{
	width: 230px;
	height: 45px;
}
/*r
476*57
718*19
718*55
1226*57
1346*166
1226*192
1346*272
#757575
    font-size: 16px;
    line-height: 25px;
    text-align: center;


1226*343
296 285  tupian 296*180



1226 478
bb  1226 *415
单个模块296*420

图片296*220  a296*226












1111111111
1226*358  234*300


标题高58   副标题92*58
整个高度1226 686
整个图片234*300  左边距是14
浏览更多在这里       48*48



标题高58   副标题92*58  20px这里副标题  
图片160*160  左边距37  下边距18
左边992*614  右边234*614
整个高度1226*672
整个图片234*300  左边距是14

300n 50              长度1226 主题340 剩下40 左边距56 一个div234 图片160*160  文字180  438 58*/
/*手机 电话卡<i class="iconfont"></i> 380
小米Note 2   315
选购]      left40   top30
小米MIX
选购
小米5s
选购
小米5s Plus
选购
小米手机5
选购
小米Max
选购
红米Note 4X
选购
红米Note 4
选购
红米4
选购
红米4A
对比手机
小米移动 电话卡
笔记本 平板
电视 盒子
路由器 智能硬件
移动电源 电池 插线板
耳机 音箱
保护套 贴膜
线材 支架 存储卡
箱包 服饰
米兔 生活周边
小米手机
红米
平板 · 笔记本
电视
盒子 · 影音
路由器
智能硬件
服务
社区

小米MIX人工智能电视*/



